<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>这是div元素</div>
</body>
</html>

<script>
  // 输入输出方式

  // 1. 以弹窗的形式展示给用户
  // alert会阻断代码的继续执行
  // alert("hello js");
  // window.alert("hello js2");
  // alert({a: 3, b: 4})
  // alert([1, 2, 3, 4])
  // alert方法不能准确看到对象的值 [object Object]


  // 2. 在页面中展示给用户
  // document.write方法是用js的方式在html里面追加内容
  // document.write('hello world');
  // var className = "2401"
  // document.write("<h1 style='color: red;'>hello " + className + "</h1>")


  // 3. 在控制台展示出来
  // console.log('大家好');
  // console.log({a: 3, b: 4});


  // 4. 选择输入框
  // 相当于是一个提问的弹框，会阻断代码的执行
  // window.confirm方法是有返回值的
  // 它的结果可以赋值给前面的变量
  // 它的结果是一个布尔值，true和false
  // var a = window.confirm("你是程序员吗?");
  // console.log(a);


  // 5. 用户输入框
  // 会出现一个输入框，小括号里面写的内容相当于是label,会阻断代码的执行
  // 如果点确定，这个值是输入的内容
  // 如果点取消，这个值是null
  // var name = window.prompt('请输入你的姓名');
  // console.log(name);

  // var num = window.prompt('请输入一个数字');
  // console.log(num);

</script>